<cfoutput>
    <div data-role="collapsible-set">
        <div data-role="collapsible" data-collapsed="false" >
            <h3>
                Tropical Storm Data List By Property Loss
            </h3>
            <div class="ui-grid-d listHeader listData">
                <div class="ui-block-a">
                    Date
                </div>
                <div class="ui-block-c">
                    State
                </div>
                <div class="ui-block-d numeric">
                    Loss
                </div>
                <div class="ui-block-e numeric">
                    Casualty
                </div>
            </div>

            <cfloop query="rc.data.1" startrow="1" endrow="#(rc.data.1.recordCount gt 8)?8:rc.data.1.recordcount#">
                <div class="ui-grid-d listRow listData">
                    <div class="ui-block-a">
                        #rc.data.1.begin_date#
                    </div>
                    <div class="ui-block-b">
                        #rc.data.1.STATE_ABBR#
                    </div>
                    <div class="ui-block-d numeric">
                       $#rc.data.1.Damage_Property_Num#
                    </div>
                    <div class="ui-block-e numeric">
                        #rc.data.1.injuries_direct#
                    </div>
                </div>
            </cfloop>
        </div>
        <div data-role="collapsible" data-collapsed="true" >
            <h3>
                Tropical Storm Data List By Casualty
            </h3>
            <div class="ui-grid-d listHeader listData">
                <div class="ui-block-a">
                    Date
                </div>
                <div class="ui-block-c">
                    State
                </div>
                <div class="ui-block-d numeric">
                   Loss
                </div>
                <div class="ui-block-e numeric">
                    Casualty
                </div>
            </div>

            <cfloop query="rc.data.2" startrow="1" endrow="#(rc.data.2.recordCount gt 8)?8:rc.data.2.recordcount#">
                <div class="ui-grid-d listRow listData">
                    <div class="ui-block-a">
                        #rc.data.2.begin_date#
                    </div>
                    <div class="ui-block-b">
                        #rc.data.2.STATE_ABBR#
                    </div>
                    <div class="ui-block-d numeric">
                       $#rc.data.2.Damage_Property_Num#
                    </div>
                    <div class="ui-block-e numeric">
                        #rc.data.2.injuries_direct#
                    </div>
                </div>
            </cfloop>
        </div>
    </div>

</cfoutput>